<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <!-- 理想视口的标准的写法 -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
  <title>凑单品</title>
  <link rel="stylesheet" href="./lib/font-awesome/css/font-awesome.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/gsproduct.css">

  <!-- 模板引擎 -->
  <script src="./lib/arttemplate/template-web.js"></script>
  <script src="./js/jquery.js"></script>
  <!-- zepto -->
  <script src="./lib/zepto/zepto.js"></script>
  <!-- 公共js -->
  <!-- <script src="./js/common.js"></script> -->
  <!-- index.js -->
  <script src="./js/gsproduct.js"></script>

  <!-- 模板1 京东1 -->
  <script id="jd" type="text/html">
    {{each arr value index }}
    <li class=" {{ index == 0? 'on':'' }}  ">
      <a href="javascript:;" data-shopId="{{value.shopId}}">{{value.shopName}}</a>
    </li>
    {{/each}}
  </script>
  <!-- 模板2 华北2-->
  <script id="huabei2" type="text/html">
    {{each arr value index }}
    <li class=" {{ index == 0? 'on':'' }}  ">
      <a href="javascript:;" data-areaId="{{value.areaId}}" >{{value.areaName}}</a>
    </li>
    {{/each}}
  </script>

  <!-- 模板2 展示3-->
  <script id="container1" type="text/html">
    {{each arr value index }}
    <li>
      <a href="javascript:;">
        <div class="pic">
          <img src="{{value.productImg}}" alt="">
        </div>
        <div class="title">{{value.productName}}</div>
        <div class="other">
          <div class="price">
            <em>&yen;</em>{{value.productPrice}}
          </div>
          <div class="btn">鱼仔</div>
          <div class="clearfix"></div>
        </div>
      </a>
    </li>
    {{/each}}
  </script>
</head>

<body>

  <!-- 顶部开始 -->
  <div class="header">
    <div class="content">
      <div class="Hleft">
        <a href="index.html" class="fa fa-angle-left"></a>
      </div>
      <div class="Hcenter">
        <h1>凑单品</h1>
      </div>
      <div class="Hright">
        <img src="../images/header_app.png" alt="">
      </div>
    </div>
  </div>
  <!-- 顶部结束 -->

  <!-- 下拉列表开始 -->
  <div class="list">
    <div class="hd">
      <!-- 首选项 可下拉 -->
      <div class="selectable">
        <ul>
          <!--class="fa fa-caret-down"-->
          <li>
            <a href="javascript:;" class="one">京东1
              <i></i>
            </a>
          </li>
          <li>
            <a href="javascript:;" class="two">华北2
              <i></i>
            </a>
          </li>
          <li>
            <a href="javascript:;" class="three" >全部价格3
              <i></i>
            </a>
          </li>
        </ul>
      </div>
      <!-- 搜索简图 -->
      <div class="search">
        <i></i>
      </div>
      <!-- 京东1 下拉选择列表 默认隐藏 -->
      <div class="jd1 hide">
        <ul>
          <!-- <li class="on">
            <a href="javascript:GetRequest('area', 1)">淘宝</a>
          </li> -->
        </ul>
      </div>
      <!-- 华北2 下拉选择列表 默认隐藏  -->
      <div class="huabei2 hide">
        <ul>
          <!-- <li class="on">
            <a href="javascript:GetRequest('area', 1)">1</a>
          </li> -->
        </ul>
      </div>
      <!-- 全部价格3 下拉选择列表 默认隐藏  -->
      <div class="price3 hide">
        <ul>
          <li class="on">
            <a href="javascript:;">1</a>
          </li>
          <li>
            <a href="javascript:;">2</a>
          </li>
          <li>
            <a href="javascript:;">3</a>
          </li>
          <li>
            <a href="javascript:;">3444</a>
          </li>
          <li>
            <a href="javascript:;">3555</a>
          </li>
          <li>
            <a href="javascript:;">3666</a>
          </li>
        </ul>
      </div>
      <!-- 搜索点击 选择列表 默认隐藏  -->
      <div class="search1 hide ">
        <div class="serch-header clearfix">
          <div class="txt">
            <input type="search" value="" placeholder="搜索您想要的凑单品">
            <!-- 默认样式去不了 有bug -->
            <!-- <a class="delPut" href="javascript:;"></a> -->
          </div>
          <div class="submit">
            <input type="button" value="搜索">
          </div>
        </div>
        <div class="serch-body ">
          <div class="Bod-title">烤鱼仔</div>
          <div class="Bod-list">
            <dl class="clearfix">
              <dd>
                <a href="#">大鱼仔</a>
              </dd>
              <dd class="on">
                <a href="#">二鱼仔&uarr;</a>
              </dd>
              <dd>
                <a href="#">小鱼仔&darr;</a>
              </dd>
            </dl>
          </div>
        </div>
        <div class="serch-foot serch-body">
          <div class="Bod-title">烤鱼仔</div>
          <div class="Bod-list  ">
            <dl class="clearfix ">
              <dd class="">
                <a href="#">大鱼仔</a>
              </dd>
              <dd class="on">
                <a href="#">二鱼仔</a>
              </dd>
              <dd>
                <a href="#">小鱼仔</a>
              </dd>
              <dd>
                <a href="#">大鱼仔</a>
              </dd>
              <dd class="">
                <a href="#">二鱼仔</a>
              </dd>
              <dd>
                <a href="#">小鱼仔</a>
              </dd>
              <dd>
                <a href="#">大鱼仔</a>
              </dd>
              <dd class="">
                <a href="#">二鱼仔</a>
              </dd>
            </dl>
          </div>
        </div>
      </div>
    </div>
    <!-- 展示 -->
    <div class="bd">
      <ul id="container">
        <!-- <li>
          <a href="javascript:;">
            <div class="pic">
              <img src="./images/5ac33204n85fb466f.jpg" alt="">
            </div>
            <div class="title">鱼仔鱼仔 鱼仔鱼仔 鱼仔鱼仔鱼仔</div>
            <div class="other">
              <div class="price">
                <em>&yen;</em>0.10
              </div>
              <div class="btn">鱼仔</div>
              <div class="clearfix"></div>
            </div>
          </a>
        </li> -->
      </ul>
      <div class="clearfix"></div>
    </div>
    <div class="Page_loading">
      <em>
        <img src="./images/loading.gif" alt="">
      </em>
      <span></span>
    </div>
  </div>
  <!-- 下拉列表结束 -->


</body>




</html>